<!DOCTYPE html>
<html class="no-js" lang="en">
 <head> 
  <meta charset="utf-8" /> 
  <meta http-equiv="x-ua-compatible" content="ie=edge" /> 
  <title>{$title}_{$system.name}</title> 
  <meta name="keywords" content="{$keywords}" /> 
  <meta name="description" content="{$description}" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" /> 
  <link rel="shortcut icon" type="image/x-icon" href="{$public}img/favicon.ico" /> 
  {include file="common/css"/}
 </head> 
 <body> 
  <!--[if lt IE 8]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]--> 
  <!--Main Wrapper Start--> 
  <div class="as-mainwrapper"> 
   <!--Bg White Start--> 
   <div class="bg-white"> 
    <!--Header Area Start--> 
    {include file="common/header"/} 
    <!--End of Header Area--> 
    <!--Breadcrumb Banner Area Start-->
    {include file="common/banner"/} 
    <!--End of Breadcrumb Banner Area-->
    <!--Little Nav Start-->
    {include file="common/nav"/} 
    <!--End of Little Nav-->
    <!--Baidu map Start-->
    <div class="baidu-map-area section-padding" id="map"></div>
    <!--引用百度地图API-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=BDc7c62acf452d874903d46a73ebebb5"></script>
    <script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
      createMap();//创建地图
      setMapEvent();//设置地图事件
      addMapControl();//向地图添加控件
      addMapOverlay();//向地图添加覆盖物
    }
    function createMap(){ 
      map = new BMap.Map("map"); 
      map.centerAndZoom(new BMap.Point(116.302042,39.908469),14);
    }
    function setMapEvent(){
      map.enableScrollWheelZoom();
      map.enableKeyboard();
      map.enableDragging();
      map.enableDoubleClickZoom()
    }
    function addClickHandler(target,window){
      target.addEventListener("click",function(){
        target.openInfoWindow(window);
      });
    }
    function addMapOverlay(){
    }
    //向地图添加控件
    function addMapControl(){
      var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
      map.addControl(navControl);
    }
    var map;
      initMap();
  </script>
    <!--Baidu map End-->
    <!--Contact Area Start--> 
    <div class="contact-form-area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h4 class="contact-title">联系我们</h4>
                    <div class="contact-text">
                    	<p><span class="c-icon"><i class="zmdi zmdi-account-box  "></i></span><span class="c-text">{$system.contacts}</span></p>
                    	<p><span class="c-icon"><i class="zmdi zmdi-smartphone-iphone"></i></span><span class="c-text">{$system.mobile_phone}</span></p>
                        <p><span class="c-icon"><i class="zmdi zmdi-phone-msg"></i></span><span class="c-text">{$system.tel}</span></p>
                        <p><span class="c-icon"><i class="zmdi zmdi-phone-forwarded"></i></span><span class="c-text">{$system.fax}</span></p>
                        <p><span class="c-icon"><i class="zmdi zmdi-email"></i></span><span class="c-text">{$system.email}</span></p>
                        <p><span class="c-icon"><i class="zmdi zmdi-pin"></i></span><span class="c-text">{$system.address}</span></p>
                    </div>
                    <h4 class="contact-title">分享</h4>
                    <div class="link-social">
                        <a href="tencent://message/?uin={$system.qq}&Site=SuperNic&Menu=yes"><i class="fa fa-qq"></i></a>
                        <a href="https://weibo.com/"><i class="fa fa-weibo"></i></a>
                        <a href="#"><i class="fa fa-weixin"></i></a>
                    </div>
                </div>
                <div class="col-md-7">
                    <h4 class="contact-title">在线留言</h4>
                    <form id="contact-form" action="{:url('index/add')}" method="post">
                        <div class="row">
                        	<div class="col-md-12">
                                <input type="text" name="title" placeholder="标题">
                            </div>
                            <div class="col-md-6">
                                <input type="text" name="name" placeholder="姓名">
                            </div>
                            <div class="col-md-6">
                                <input type="text" name="contact" placeholder="联系方式">
                            </div>
                            {if $system.message_code}
                            <div class="clearfix"></div>
                            <div class="col-md-6 message_code">
                            	<input type="text" name="message_code" placeholder="验证码">
                            	<img src="{:url('index/captcha')}" title="点击切换验证码">
                            </div>
                            {/if}
                            <div class="col-md-12">
                                <textarea name="content" cols="30" rows="10" placeholder="留言内容"></textarea>
                                <input type="hidden" name="cate_id" value="{$cate.id}">
                                <button type="submit" class="button-default">提交</button>
                            </div>
                        </div>
                    </form>
                    <p class="form-messege"></p>
                </div>
            </div>
        </div>
    </div>
    <!--End of Contact Area-->
    
    <!--文章列表-->
    {include file="common/footer"/}
   </div> 
   <!--End of Bg White--> 
  </div> 
  <!--End of Main Wrapper Area--> 
  {include file="common/js"/}
   <script>
	$(function(){
		//刷新验证码操作
		$(".message_code img").click(function(){
			$(this).attr("src",$(this).attr("src")+'?'+Math.random());
		})
	})
	</script>
 </body>
</html>